<script setup lang='ts'>
import { ref } from 'vue';
import ChidrenComp from './components/ChidrenComp.vue';
const color = ref('红色')
const size = ref('小')

const changeSize = (size1: string) => {
  size.value = size1
}
</script>

<template>
  <div>
    父组件
    <!-- <ChidrenComp :color="color"></ChidrenComp> -->
    <ChidrenComp :color="color" :size="size" btn-type="danger" :change-size="changeSize" @change-color="color = $event"
      @change-size="size = $event">
    </ChidrenComp>
  </div>
</template>

<style scoped></style>